<template>
  <div>
    <homePageNav></homePageNav>
    <home-banner></home-banner>
    <div class="g-bg clearfix g-bg1">
      <div class="g-mn1">
        <div class="g-mn1c">
          <div class="g-wrap3">
            <HomeHotRecommend> </HomeHotRecommend>
            <HomenewDiscShelves></HomenewDiscShelves>

            <HomeSongList></HomeSongList>
          </div>
        </div>
      </div>
      <div class="g-sd1">
        <HomeUserRegister></HomeUserRegister>
      </div>
    </div>
    <Copyright></Copyright>
  </div>
</template>

<script>
import HomePageNav from "@/components/HomePageNav/HomePageNav.vue";
import HomeBanner from "@/pages/homePage/components/HomeBanner.vue";
import HomeHotRecommend from "@/pages/homePage/components/HomeHotRecommend.vue";
import HomenewDiscShelves from "@/pages/homePage/components/HomenewDiscShelves.vue";
import HomeSongList from "@/pages/homePage/components/homeSonglist/HomeSongList.vue";
import HomeUserRegister from "@/pages/homePage/components/HomeUserRegister.vue";
import Copyright from "@/encapsulation/Copyright.vue";

export default {
  name: "HomePage",
  components: {
    HomeBanner,
    HomeHotRecommend,
    HomenewDiscShelves,
    HomeSongList,
    HomeUserRegister,
    Copyright,
    HomePageNav,
  },
};
</script>

<style scoped>
.g-wrap3 {
  padding: 20px 20px 40px;
}
.g-mn1c {
  margin-right: 251px;
}
.g-mn1 {
  float: left;
  margin-right: -250px;
  width: 100%;
}
.g-sd1 {
  position: relative;
  float: right;
  width: 250px;
  zoom: 1;
}
</style>
